/*
  学习目标：使用useEffect修改网页的标题
  作用：react 专门提供了 useEffect Hook 来处理函数组件中的副作用
  看做 componentDidMount，componentDidUpdate 和 componentWillUnmount 这三个函数的组合
  需求：声明一个状态count， 将count的值实时同步到title
  步骤：
     1. useState 声明 count
     2. 点击按钮，修改count
     3. 使用 useEffect 实时修改title
*/
import React, { useState, useEffect } from 'react';

export default function App() {
  const [count, setCount] = useState(100);
  // 3.1 导入useEffect钩子函数: 会自动执行
  // 语法： useEffect(回调函数)；  回调函数中可以获取到更新后的值
  useEffect(() => {
    document.title = count;
  });
  return (
    <div>
      count - {count}
      <button onClick={() => setCount(count + 1)}>
        点我修改count-并且同步到 document.title
      </button>
    </div>
  );
}
